<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<!--[if lt IE 9]>
　　　　<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
　　<![endif]-->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/sytle.css?v=0.2&d=2016-11-08">
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js?v=0.1"></script> 
<title>立即支付</title>
</head>
<script type="text/javascript">
$(document).ready(function(){
		var isView = false;
	 	$("#btn_sub").click(function(){
	 	    var is = true;
	 	
	 	   	if(is) {
	 	   		$("#confirmForm").submit();
	 	   	}
	 	});
	 });
</script>
<body>
<div class="hgj">
  <div class="page-all"> 
    <!--头部开始-->
    <header>
      <div class="navbar">
        <ul>
          <li class="l-back"><a href="javascript:history.go(-1)" ><img src="${pageContext.request.contextPath}/images/left.png" alt="返回"/></a></li>
          <li class="n-word">支付订单</li>
          <li class="n-intro"></li>
        </ul>
      </div>
    </header>
    <form action="${pageContext.request.contextPath}/pay/confirm.html" method="POST" id="confirmForm">
    <div class="container"> 
    
    <input type="hidden" value="${PAY_INFO.id}" name="id"/> 
	<input type="hidden" value="${PAY_INFO.wPrOrderNo}" name="wPrOrderNo"/> 
	<input type="hidden" value="${COUPON_ID}" name="couponId"/> 
	<input type="hidden" value="0" name="payChannelValue"/> 
      <!--内容开始--> 
     
      <!--订单信息--> 
      <div class="orderDetails">
      <ul>
      <li><span>服务项目：</span><em>${PAY_ORDER.wOServiceName}</em></li>
       <c:if test="${PAY_ORDER.wOServiceType == 0}">
      <li><span>服务人数：</span><em>
       ${PAY_ORDER.orderDetailDO.wOStaffCount}人
       </em>
       </li> 
        </c:if>
      <li><span>服务时长：</span><em>
     
      ${PAY_ORDER.orderDetailDO.wOServerTime}
      <c:if test="${PAY_ORDER.wOServiceType != 11}">
      		小时
      </c:if>
      <c:if test="${PAY_ORDER.wOServiceType == 11}">
      		分钟
      </c:if>
      </em></li>
      
      <li><span>服务单价：</span><em class="o-d-c">￥${PAY_ORDER.orderDetailDO.wOPrice}/小时</em></li>
      <li><span>服务总价：</span><em class="o-d-c">￥${PAY_ORDER.wOFee}</em></li>
      <c:if test="${PAY_ORDER.wOCouponId != 0}">
      <li class="sale"><span>优惠：</span><em class="o-d-c">${PAY_ORDER.wOCoupon}</em></li>
      </c:if>
      <c:if test="${PAY_ORDER.wOCouponId == 0}">
      <li class="sale"><span>优惠：</span><em class="o-d-c">无</em></li>
      </c:if>
      </ul>
      <!--微信支付-->
      <div class="wei-pay">
      <div class="wei-logo"><img src="${pageContext.request.contextPath}/images/weixin-pay.png"/></div>
      <div class="wei-p"><p>微信支付<p style=" font-size:1.2rem; color:#ADADAD;">推荐安装5.0以上版本付</p></p></div>
      <div class="sure-pay"><img src="${pageContext.request.contextPath}/images/be-selected-icon.png"/></div>
      </div>
      </div>
    </div>
    </form>
  </div>
   <footer class="footer"> <span class="t-price">总额：￥<em>￥${PAY_ORDER.wOFee}元</em></span> <a href="javascript:void();" id="btn_sub"><span class="next">立即支付</span></a></footer>
</div>
</body>
</html>